<!DOCTYPE html>
<#assign f = JspTaglibs["http://www.casic304.cn/f"] />
<#assign dicSelect = JspTaglibs["http://www.casic304.cn/dicSelect"]/>
<#assign SourceDept = JspTaglibs["http://www.casic304.cn/SourceDept"]/>
<html>
<head>
  <meta charset="utf-8">
  <title>压力元件信息列表</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="${ctx}/layui/css/layui.css" media="all"/>
  <link rel="stylesheet" href="${ctx}/qbdmsStatic/iconfont/iconfont.css"/>
  <link rel="stylesheet" href="${ctx}/qbdmsStatic/style/qbdms.css">
  <script type="text/javascript">
    var __ctx = "${ctx}";
  </script>
</head>
<body class="listBody">
<div class="qbdms-list">
  <div class="layui-table-view-body">
    <table id="wQbdPressureElementInfoTable" lay-filter="wQbdPressureElementInfoTable"></table>
  </div>
</div>
<!-- 列表头部工具栏 -->
<script type="text/html" id="wQbdPressureElementInfoHeaderToolsBar">
  <div class="ccpui-enterSel">
    <div class="layui-btn-container">
  <@f.a alias="xzan_ylyj2,xzan_ylyj3" event="add" css="layui-btn layui-btn-sm fillBtn">
  <span>新增</span>
  </@f.a>
  <@f.a alias="scan_ylyj2,scan_ylyj3" event="delete" css="layui-btn layui-btn-sm">
  <span>删除</span>
  </@f.a>
  <a class="layui-btn layui-btn-sm" lay-event="export">
  <span>导出</span>
  </a>
  <@f.a alias="dran_ylyj2,dran_ylyj3" event="import" css="layui-btn layui-btn-sm" >
  <span>导入</span>
  </@f.a>
  <@f.a alias="sban_ylyj2,sban_ylyj3" event="report" css="layui-btn layui-btn-sm" >
  <span>上报</span>
  </@f.a>
  <a class="layui-btn layui-btn-sm" lay-event="listStyle">
    <span>配置列</span>
  </a>
  </div>
  <form class="layui-form" action="" lay-filter="wQbdPressureElementInfoQueryForm">
    <div class="layui-form-body selch">
      <div class="table-top-filter layui-row">
        <@SourceDept.dept css="layui-input filter-value "/>
        <div class="qbdms-listForm">
          <label class="layui-form-label">批次号</label>
          <div class="layui-input-block">
            <input type="text" class="layui-input filter-value" name="Q_batchNumber_SL"
                   placeholder="请输入"/>
          </div>
        </div>
        <div class="qbdms-listForm">
          <label class="layui-form-label">元件类别</label>
          <div class="layui-input-block">
            <@dicSelect.dic name="Q_componentCategory_SL" verify="required" css="layui-input filter-value" search=true nodeKey="yjlb"/>
          </div>
        </div>
        <div class="qbdms-listForm">
          <label class="layui-form-label">企业类别</label>
          <div class="layui-input-block">
            <@dicSelect.dic name="Q_businessCategory_SL" verify="required" css="layui-input filter-value" search=true nodeKey="qylb"/>
          </div>
        </div>
      </div>
      <div class="selchBtn">
        <a class="layui-btn layui-btn-sm fillBtn" lay-event="query">
          <span>查询</span>
        </a>
        <div class="layui-btn-group">
          <button type="button" class="layui-btn layui-btn-sm" lay-event="clears"
                  style="width: 28px;font-size: 12px;padding: 0">
            <i class="iconfont  data-iconcommon_refresh"></i>
          </button>
          <button type="button" class="layui-btn layui-btn-sm screenParent" lay-event="screen"
                  style="width: 28px;font-size: 12px;padding: 0">
            <i class="iconfont data-iconcommon_downarrow screen"></i>
          </button>
        </div>
      </div>
    </div>
  </form>
  </div>

</script>
<!-- 右侧工具栏 -->
<script type="text/html" id="wQbdPressureElementInfoRightToolsBar">

  {{# if('${userId}'==d.createBy && d.allowEdit){}}
  <@f.a alias="xzan_ylyj2,xzan_ylyj3" event="edit" css="RightBtn">编辑</@f.a>
  {{#  } }}
  <a class="RightBtn" lay-event="particulars">详情</a>
  {{# if('${userId}'==d.createBy  && d.allowDel){ }}
  <@f.a alias="scan_ylyj2,scan_ylyj3" event="del" css="RightBtn">删除</@f.a>
  {{#  } }}
</script>
<script src="${ctx}/qbdmsStatic/public/configFile.js"></script>
<script src="${ctx}/layui/layui.js"></script>
<script>
  //一般直接写在一个js文件中
  layui.config({
    base: serverPath.qbdmsPath + staticPath.qbdmsPath //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(
      ['index', 'table', 'setter', 'form', 'common', 'publicMethods', 'jquery', 'layer'],
      function () {
        var table = layui.table;
        var common = layui.common;
        var publicMethods = layui.publicMethods;
        var $ = layui.jquery;
        var layer = layui.layer;
        common.tableSort('wQbdPressureElementInfoTable');


        var tableH=publicMethods.tabHeight();

        var cols = '${cols}';
        //第一个实例
        window.tableInstace = function(tcols){
          if(tcols){
            cols = tcols;
          }
          if(cols){
            cols = JSON.parse(cols,function(k,v){
              if(v.indexOf && v.indexOf('function') > -1){
                return eval("(function(){return "+v+" })()")
              }
              return v;
            })
          }

          var showSta={field: 'reportStatusStr', title: '状态',sort:false, sortname: 'report_status',templet: function(d){
              return common.stateType(d);
            }};
          var source={field: 'filldept', title: '数据来源单位',sort:false, sortname: 'filldept',minWidth:'140'};
          if('${currentSystemLevel}'=='GROUPLEVEL'){
            showSta={field: 'reportStatusStr', title: '状态',sort:false, sortname: 'report_status',hide:true,minWidth:'150'};
            source={field: 'filldeptHospital', title: '数据来源单位',sort:false, sortname: 'filldepthospital',minWidth:'140'};
          }

          window.tableInstace.initCols = [ //初始化的表头， 这里替换成自己的初始化表头json
            {type: 'checkbox', fixed: 'left'}
            , {field: 'sn', type: 'numbers', title: '序号',minWidth:'90', fixed: 'left'}
            ,source
            ,{field: 'componentCategory', title: '元件类别', sort: false, sortname: 'component_category',minWidth:'100'}
            , {field: 'businessCategory', title: '企业类别', sort: false, sortname: 'business_category',minWidth:'100'}
            , {field: 'batchNumber', title: '批次号', sort: false, sortname: 'batch_number',minWidth:'150',align:'right'
              ,templet:function (d) {
                return common.redNum(d.batchNumber)
              }}
            , {
              field: 'testSumPerformanceTesting',
              title: '检测总件数-性能检测',
              sort: false,
              sortname: 'test_sum_performance_testing'
              ,minWidth:'200'
            }
            , {
              field: 'testSumSizeDetection',
              title: '检测总件数-尺寸检测',
              sort: false,
              sortname: 'test_sum_size_detection'
              ,minWidth:'200'
            }
            , {
              field: 'failedPerformanceTesting',
              title: '不合格件数-性能检测',
              sort: false,
              sortname: 'failed_performance_testing'
              ,minWidth:'200'
            }
            , {
              field: 'failedSizeDetection',
              title: '不合格件数-尺寸检测',
              sort: false,
              sortname: 'failed_size_detection'
              ,minWidth:'200'
            }
            ,showSta
            ,{
              fixed: 'right',
              width:200,
              title: '管理',
              toolbar: '#wQbdPressureElementInfoRightToolsBar',
              minWidth:'150'
            }
          ];

          window.tableInstace.tRender =  table.render({
            elem: '#wQbdPressureElementInfoTable'
            ,height:tableH
            ,url:  '${ctx}/qbdms/wQbdPressureElementInfo/list'
            ,page: publicMethods.pageFun() //开启分页
            ,defaultToolbar: ['']
            ,limit: 20
            ,toolbar: '#wQbdPressureElementInfoHeaderToolsBar'
            ,method: 'post'
            ,autoSort: false //是否排序
            ,cols: [cols?cols:window.tableInstace.initCols]
            ,done:function () {
              common.tableSelectCon('.ccpui-enterSel .layui-form input','a[lay-event=query]','.ccpui-enterSel');
            }
            ,parseData: function(res){ //res 即为原始返回的数据
              common.parseDataList(res,['testSumPerformanceTesting','testSumSizeDetection','failedPerformanceTesting','failedSizeDetection']);
              return {
                "code": res.code, //解析接口状态
                "msg": res.msg, //解析提示文本
                "count": res.count, //解析数据长度
                "data": res.data //解析数据列表
              };
            }
          });
        };
        window.tableInstace(cols);

        dateReflash()
        function dateReflash() {
          publicMethods.reflashDate({startName: '.start_time1', endName: '.end_time1'});
          publicMethods.reflashDate({startName: '.start_time0', endName: '.end_time0'});
        }

        function reflashQuery(isClear) {
          common.tableConditionRender("wQbdPressureElementInfoTable",
              "wQbdPressureElementInfoQueryForm", {where: {}}, isClear);
        }

        table.on('toolbar(wQbdPressureElementInfoTable)', function (obj) {
          var checkStatus = table.checkStatus(obj.config.id);
          var data = checkStatus.data;
          var _this = this;
          var layerH=publicMethods.layHeight('.listBody');
          switch (obj.event) {
            case 'add':
              window.location.href =  "${ctx}/qbdms/wQbdPressureElementInfo/view/add";
              break;
            case 'delete':
              var array = "";
              for (var i = 0; i < data.length; i++) {
                array += data[i].id + ",";
              }
              delFun(data, array);
              break;
            case 'export':
              if (data.length == 0) {
                layer.confirm(publicMethods.confirmStyle('还没有选择，是否导出全部?'),{title: false,skin: 'confirm-class'},
                    function (index) {
                      layer.close(index);
                      var url = '${ctx}/qbdms/wQbdPressureElementInfo/exportData';
                      var param = "";
                      $("form[lay-filter='wQbdPressureElementInfoQueryForm']").find(".filter-value").each(function (i, value) {
                        param += "&" + this.name + "=" + this.value
                      });
                      open(url, param);
                    });
              } else {
                layer.confirm(publicMethods.confirmStyle('确定导出吗?'),{title: false,skin: 'confirm-class'},
                    function (index) {
                      layer.close(index);
                      var ids = [];
                      for (var i = 0; i < data.length; i++) {
                        ids.push(data[i].id);
                      }
                      var url = '${ctx}/qbdms/wQbdPressureElementInfo/exportData';
                      open(url, "&id=" + ids);
                    });
              }
              break;
            case "import":
              common.importInit('wQbdPressureElementInfoTable',"/qbdms/wQbdPressureElementInfo/importData",true,"/importTemplates/压力元件信息.xlsx");
              dateReflash();
              break;
            case "query":
              reflashQuery(false);
              dateReflash();
              break;
            case "clears":
              reflashQuery(true);
              dateReflash();
              break;
            case "screen":
              common.initScreenTop('wQbdPressureElementInfoTable');
              dateReflash();
              form.render();
              break;
            case "report":
              var array = "";
              for (var i = 0; i < data.length; i++) {
                array+=data[i].id+",";
              }
              //业务表名,勾选数据主键,流程key,table标签lay-filter属性值,form标签lay-filter属性值,是否允许重复上报,页面所在包名,流程定义id
              common.report("W_QBD_PRESSURE_ELEMENT_INFO",array,"plantToHospital","wQbdPressureElementInfoTable","wQbdPressureElementInfoQueryForm",false,"wQbdPressureElementInfo","plantToHospital:1:72d05d40362249118c5453aa60c6da90");
              dateReflash();
              break;
            case "listStyle":
              layer.open({
                type: 2,
                area: ['80%', layerH],
                skin: 'qbdms-layerFormBtn',
                title: ['新增列表样式', 'font-size:14px;'],
                content:  '${ctx}/qbdms/wCustomColumns/view/list',
                success:function (layero, index) {
                  publicMethods.tipsAuto(layero.find('.layui-layer-setwin'),'点击这里关闭弹框哦',2000)
                }
              });
              break;
          }
          ;
        });

        table.on('tool(wQbdPressureElementInfoTable)', function (obj) {
          var data = obj.data, //获得当前行数据
              layEvent = obj.event; //获得 lay-event 对应的值
          switch (layEvent) {
            case "edit":

              window.location.href = '${ctx}/qbdms/wQbdPressureElementInfo/view/add?id=' + data.id;
              break;
            case "particulars":

              window.location.href =  '${ctx}/qbdms/wQbdPressureElementInfo/view/particulars?id=' + data.id;
              break;
            case "del":
              delFun(data, data.id);
              break;
          }
        });

        function delFun(data, id) {
          if (data.length === 0) {
            layer.msg('请先选择一行数据!',{title: false,skin: 'confirm-class'});
          } else {
            layer.confirm(publicMethods.confirmStyle('确定删除当前数据吗?'),{title: false,skin: 'confirm-class'},function (index) {
              layer.close(index);
              $.ajax({
                url:"${ctx}/qbdms/wQbdPressureElementInfo/del",
                type: "post",
                data: {id: id},
                dataType: 'json',
                success: function (data) {
                  layer.alert(publicMethods.confirmStyle(data.msg),{title: false,skin: 'confirm-class'});
                  //执行重载
                  reflashQuery(true);
                  dateReflash();
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                  layer.alert(publicMethods.confirmStyle(data.msg),{title: false,skin: 'confirm-class'});
                  //执行重载
                  reflashQuery(true);
                  dateReflash();
                }
              })
            })
          }
        }
        function open(url, param) {
          var curUrl = url;
          layer.open({
            type: 2,
            area: ['700px', '520px'],
            title: ['自定义导出', 'font-size:14px;'],
            content: '${ctx}/qbdms/wQbdPressureElementInfo/view/export',
            btnAlign: 'c',
            skin: 'qbdms-layerFormBtn',
            btn: ['确定', '取消'],
            yes: function (index, layero) {
              url = curUrl;
              var iframeWin = window["layui-layer-iframe" + index];
              var data = iframeWin.getData();
              if (data) {
                url = url + "?data=" + JSON.stringify(data) + param;
                window.location.href = encodeURI(url)
              }
            }
          });
        }
        window.Initialization = function () {
          reflashQuery(false);
          dateReflash();
        };
        /*刷新时间控件*/
        //list页面初始化展开按钮tips展示（展开按钮类名）
        publicMethods.tipsAuto('.screen')
        //筛选条件初始化（页面表格的Id，是否初始化（true、false））
        common.initScreenTop('wQbdPressureElementInfoTable',true);
        dateReflash();;
        common.tableSort("wQbdPressureElementInfoTable");
        function returnComments(d){
          return "<a style=\"cursor: pointer;color:red\" onclick=\"layer.open({title: '退回意见',content: '" + d.returnmsg + "'});\">" + d.reportStatusStr + "</a>";
        }
      });
</script>
</body>
</html>